#wrap {
    text-align: left;
    background-color: #f6f6f6;
    min-width: 770px;
    min-height:650px;
}
#header {
    height: 130px;
    position: relative;
    z-index: 1
}
#header h1 a {
    background-image: url(../img/internet-web-browser.png) !important;
    background-image: url(../img/internet-web-browser.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 25px;
    display: inline-block
}
#content {
    width: 70%;
    padding: 0 0 0 4px;
    position: relative;
    top: -65px;
    right: 8px;
    z-index: 2;
    margin: 0 5px -30px 228px;
    background-image: url(../img/degrade_v.png) !important;
    background-image: none;
    background-repeat: repeat-y;
}
#shadow {
    display: block;
    position: relative;
    top: 0px;
    right: -4px;
    z-index: 15;
    background-color: white;
    border: 1px solid #666;
    padding: 10px 20px 20px;
    min-height: 400px;
    overflow: hidden
}
#content-after {
    content: " ";
    display: block;
    height: 7px;
    background: url(../img/degrade_h.gif) repeat-x bottom !important;
    background: none
}
#header h3 {
    width: 250px;
    background: transparent;
    position: absolute;
    bottom: -5px;
    left: 20px;
    padding: 0;
    text-align: left;
    font-size: 42px;
    color: #f6f6f6;
    letter-spacing: -1px;
    line-height: 1em;
}
#header h3 a {
    color: white;
    opacity: 0.5;
    -moz-opacity: .5;
    /* border-bottom:2px solid #fff; */
    text-decoration: underline;
    border: 0;
    font-size: smaller;
    position: absolute;
    bottom: 1.45em
}
#header a img {
    vertical-align: middle;
    margin: 0 0 5px;
}
#header h3 a:hover {
    opacity: .9;
    -moz-opacity: .9;
}
#reorderBtn {
    text-align: right;
    margin: 0;
    width: 100%;
}
#reorderBtn button {
    border: 0;
    border-bottom: 1px dashed #eee;
    background: url(../img/reorder.png);
    background-repeat: no-repeat;
    background-position: right;
    padding: 2px 18px 0 0;
    margin: 20px 2px 8px;
    color: #999;
    min-height: 18px
}
#sidebar {
    float: left;
    width: 232px;
    padding: 15px 0 33px 0;
    left: 0;
    background-color: #f6f6f6;
}
#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#sidebar ul ul {
    padding-left: 1.2em;
    display: none
}
#sidebar ul li {
    margin: 0;
    padding: 0;
    clear: left;
    line-height: 1;
}
#sidebar ul a {
    margin: 0;
    color: #999;
    text-decoration: none;
    padding: 4px 6px 4px 39px;
    border: 0;
    background-image: url(../img/page.gif);
    background-repeat: no-repeat;
    background-position: 22px 6px;
    font-size: medium;
    display: block
}
#sidebar a:visited {
    color: #444
}
#sidebar a:hover {
    text-decoration: underline;
    background-color: #fdfde3;
}
#sidebar ul .fold {
    text-indent: 0;
    background-image: url(../img/folder.gif);
    background-repeat: no-repeat;
    background-position: 22px 7px;
    padding-right: 10px;
    position: relative;
    left: 0;
    height: auto;
    width: auto;
    color: #666
}
#sidebar ul .sup a {
    font-weight: bold;
    background-image: url(../img/sup.gif);
    background-position: 21px 5px;
}
#sidebar ul .current {
    background: #fff;
}
#sidebar ul .current a {
    color: #aaa;
    cursor: default;
    text-decoration: none;
    font-weight: bold;
}

#sidebar ul .active {
    background: #fff;
    text-decoration: none;
    font-weight: 700;
}


#newForm {
    display: none;
}
#newForm h4 {
    position: relative;
    margin: -1em 0 0 -4px;
    font-size: x-large;
    line-height: 1em
}
#newForm.form {
    display: block;
    margin-top: 1em
}
#newForm td {
    display: block;
}
#pagination {
    text-align: center;
    margin: 1.5em 0;
    line-height: 2.2em
}
#pagination a {
    text-decoration: none;
    border: 1px solid #ccc;
    font-weight: bold;
    padding: 3px 5px;
    margin: 0;
    text-align: center
}
#pagination a:hover {
    border-color: #275cb1
}
button, .button {
    text-decoration: none;
    margin: 1px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #666;
    line-height: normal;
    text-align: center;
    padding: 4px 7px;
    overflow: visible;
    white-space: nowrap;
}
button span, .button span {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 2px 3px 2px 17px;
    /* display:inline-block;
height:21px;*/
    line-height: 21px;
}
.edit, .del, .rename {
    float: left;
}
.edit span {
    background-image: url(../img/edit.gif);
    font-size: 1.3em;
}
.del span {
    background-image: url(../img/del.gif);
}
.save span, #loginButton span, .ok span {
    background-image: url(../img/save.gif);
}
.cancel span {
    background-image: url(../img/cancel.gif);
}
.rename span {
    background-image: url(../img/rename.gif);
}
.extract span {
    background-image: url(../img/mime/package-x-generic.png);
    padding-left: 24px
}
.cal span {
    background-image: url(../img/calendar.gif);
}
.files span {
    background-image: url(../img/files.gif);
}
.download span {
    background-image: url(../img/go-jump.png) !important;
    background-image: url(../img/go-jump.gif);
}
#newItem, #newPage, .save, #loginButton {
    height: 33px;
    min-width: 92px;
    width: auto !important;
    width: 92px;
    font-size: .9em;
}
.pt_BR #newPage {
    font-size: .77em;
}
#newItem span, #newPage span, .save span, #loginButton span {
}
#newItem span {
    background-image: url(../img/new_item.gif);
}
.edit:hover {
}
.edit:active {
}
#newItem, #newPage, #upload {
    float: right;
}
#newPage span {
    background-image: url(../img/new_page.gif);
}
#upload span {
    background-image: url(../img/upload.png);
    float: none;
}
#footer a {
    text-transform: uppercase;
    font-size: xx-small;
    margin: 0 7px;
}
/* ----- CLASSES ----- */

.actions {
    clear: none;
    display: block;
    overflow: hidden;
    z-index: 5;
    position: absolute;
    right: 0px;
    top: 5px;
    white-space: nowrap;
    text-align: right
}
.message {
    color: #999;
    margin: 10px 0 5px;
}
.pt_BR #pt-lang, .en #en-lang {
    text-decoration: none;
    cursor: default;
    background: transparent url(../img/selected.gif) no-repeat left center;
    padding: 0 0 0 10px;
    border: 0;
    color: #333;
}
.path {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    color: #b3b3b3;
    margin: 10px 0 0;
    padding-bottom: 23px;
    line-height: 1.1em
}
.path em {
    font-style: normal;
    color: #000;
    font-weight: bold
}
.loading {
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    min-height: 25px
}
.formControl.loading * {
    visibility: hidden/* display:none */
}
.adding {
    background: #ffff78
}
.removing {
    background: #ffbdb1;
    padding: 3px
}
.anchor {
    visibility: hidden;
    position: absolute;
    margin-top: 0px
}
.even {
    background-color: #fafafa
}
.line {
    width: 92%
}
.idiom {
    border-bottom: 1px inset;
    font-weight: normal;
    text-align: right;
    margin: 3px 4px 0 0;
    clear: both
}
.form .idiom {
    border-bottom: 2px solid;
    font-weight: bold;
    text-align: left
}
h5.pt {
    border-color: #8cd57d;
    color: #69aa57
}
h5.en {
    border-color: #e4806e;
    color: #e45248
}
h5.es {
    border-color: #efc436;
    color: #dea003
}
h5.fr {
    border-color: #83a4cc;
    color: #5077a9
}
.show a img.bordercolor {
    border: 2px solid;
    padding: 2px;
    background: white
}
.colorpick {
    cursor: pointer;
    float: none;
    margin: 2px;
    vertical-align: top;
}
/* ----- LISTS ----- */
form {
    background: none;
    padding: 23px 0 13px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    position: relative
}
.formControl {
    display: none;
    text-align: center;
    margin: 0;
    vertical-align: top;
    line-height: 37px
}
.formControl a {
    color: white
}
.form {
    background-color: #fff !important;
    background-image: url(../img/chuva.gif);
    border: 3px solid;
    margin: 10px 0;
    padding: 1px 0 0;
    position: relative;
    z-index: 5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.form table {
    background: transparent;
    margin: 0;
    border: 0;
    padding: 0
}
th, tr, td {
    border: 0;
    padding: 4px
}
.form th {
    color: black;
    border-top: 1px solid #fff;
    background: #eaeaea;
}
.form td {
    border-top: 1px solid #ddd;
    padding: 2px
}
.form .show, .form .actions {
    display: none;
}
.form .hide, .form .formControl {
    display: block;
}
table {
    overflow: hidden;
    width: 100%;
    margin: 0;
    font-size: small;
}
th {
    text-align: right;
    width: 8em;
    color: #999;
    font-weight: normal;
    text-transform: uppercase;
    font-size: x-small;
    padding: 5px 4px 0 0;
    cursor: default;
    vertical-align: top
}
dl dd {
    margin: 2px 5px 8px 6.2em;
    position: relative;
}
/*Preview*/

td table {
    width: auto;
    border: 0
}
td table td, td table th {
    border: 1px dotted #999;
    padding: 2px 3px
}
td table th {
    text-align: left;
    text-transform: none;
    font-size: small;
    color: #000;
    font-weight: bold;
    background: #eaeaea
}
td p, td h1, td h2, td h3, td h4 {
    margin: 0 0 .4em;
    line-height: 1.1em
}
td li {
    list-style: square
}
td blockquote {
    border-left: 2px solid #ccc;
    margin: 0;
    padding-left: 1em
}
td img {
    float: left;
    margin: 0 12px 8px 0;
    clear: left
}
input.date, input.file, input.color, input.check {
    width: auto;
}
input.check {
    width: 1.2em;
    height: 1.2em;
    cursor: pointer
}
td .checked {
    margin: 0;
    vertical-align: baseline
}
#comments {
    width: 65.8%;
    margin: 20px 15px 20px 255px;
    position: relative;
    top: -40px
}
#comments dd {
    font-size: smaller;
}
#comments .data {
    letter-spacing: 0.1em;
    font-weight: bold;
    position: absolute;
    top: 3px;
    left: 0;
    margin: 0;
    display: inline;
    font-size: .7em;
    float: left
}
#comments .form .data {
    top: -1.7em;
    color: #888
}
#comments .form {
    margin-top: 1.5em
}
#comments h2 {
    text-transform: uppercase;
    color: #999;
    font-weight: normal;
    letter-spacing: 2px;
    border-bottom: 2px solid #ababab;
    margin-bottom: 1em;
    width: 100%
}
/* ----- Sortables ----- */

.reorderBtn {
    background: url(../img/reorder.gif) no-repeat center;
    display: inline;
    padding: 0 5px;
    margin: 0 3px;/*height:12px;
float:left;*/
}
#ord-list.sorting {
    border-width: 3px;
    border-style: solid;
    padding: 0 1px 1px;
    border-bottom: 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
#reorderControl {
    padding-bottom: 3px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
#ord-list.sorting .item {
    /* list-style-position: inside; */
    margin: 1px 0 0;
    padding-left: 45px;
    border-top: 1px solid white;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
    background-image: url(../img/grip.gif);
    background-repeat: repeat-y;
    background-position: left top;
    display: block;
}
.ghost {
    padding-left: 33px;
    padding-top: 3px;
    width: 65%;/*cursor:-moz-grabbing*/
}
#ord-list.sorting * {
    cursor: -moz-grab;
    cursor: move;
}
#ord-list.sorting form, .ghost form {
    display: none;
    visibility: hidden
}
#ord-list {
    position: inherit;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
}
#ord-list .item {
    list-style: none;
    margin: 0;
    padding: 0;
}
.item form:hover {
    outline: 2px solid #ffff8c;
    z-index: 4
}
.item .form:hover {
    outline: none
}
/* ----- SUP ----- */
#supList {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc
}
#supList li {
    margin: 0;
    border-bottom: 1px solid #ccc;
    clear: both;
    padding: 3px 4px 5px 0;
}
#supList li:hover {
    background-color: #ffffda
}
#supList li a {
    font-size: larger;
    padding: 0 0 2px 22px;
    background-image: url(../img/page.gif);
    background-repeat: no-repeat;
    background-position: 4px;
    border: 0;
    text-decoration: underline
}
#supList li a:hover {
    color: black;
    text-decoration: none
}
#supList .actions {
    float: right;
    position: relative;
    top: -4px;
    opacity: 0.2;
    -moz-opacity: .2;
    filter: alpha(opacity=20) !important;
    filter: alpha(opacity=100);
}
#supList li:hover .actions {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100) !important;
}
/* ----- PAGES ----- */
.homeTitle {
    font-size: 4em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #bbb;
    margin: 14px 0;
    cursor: default;
    line-height: 0.9em;
    letter-spacing: -3px
}
#home .side {
    width: 337px;
    float: right;
    height: 344px;
    margin: 20px;
    /*background:url(../img/stripe.gif);*/
    padding: 20px;
    position: relative;
    border-left: 1px solid #ccc
}
#home .side #marcadagua {
    position: absolute;
    bottom: 14px;
    left: 15px
}
#stats #overview-graph {
    float: right
}
#login #user {
    display: none
}
#login #content {
    width: 296px;
    top: 0;
    margin: 10% auto 12%;
}
#login #shadow {
    padding: 0;
    background: none;
    border: 0;
    min-height: 0;
    overflow: visible
}
#login #header {
    height: 27px
}
#login #header h3 {
    display: none
}
#f_user, #f_pass {
    width: 220px;
    -moz-border-radius:0  -webkit-border-radius:0  border-radius:0
}
#login .h2 {
    position: absolute;
    top: -1.5em;
    left: 5px;
    z-index: 4
}
#loginForm {
    width: 290px;
    background-image: url(../img/chuva.gif);
    border-width: 3px;
    border-style: solid;
    background-color: #eee;
    padding: 0
}
#loginForm p {
    margin: 10px 0 4px 30px
}
#loginForm label {
    color: #666;
    font-size: x-small;
    display: inline;
    float: left
}
#loginForm .bgcolor {
    margin: 20px 0 0;
    text-align: center;
    padding: 3px 0 0
}
#loginForm .message {
    color: black;
    text-align: center;
    margin: 10px 0 0
}
#loginButton {
    font-size: medium;
    letter-spacing: inherit;
    text-transform: none
}
#rawEdit p {
    padding-left: 17px
}

#sorting-field {
    margin-bottom: 10px;

}

#sorting-field a {
    color: black;
    font-size:110%;
}

#sorting-field a:hover {
    color: rgb(205, 96, 15);
}

#infoDiv {
    width: 80%;
    padding-left: 30px;
    padding-top: 10px;
}

#pdf-download {
    position: absolute;
    border: 1px solid gray;
    border-radius: 8px;
    border-left: none;
    right: 30px;
    top: 30px;
    padding: 5px 15px 5px 40px;
    height:40px;
    opacity: 0.7;
}

a #pdf-download:hover {
    opacity: 1;
    transform: scale(1.1, 1.1);
    -webkit-transform:scale(1.1, 1.1);
}

#pdf-download img {
    position: absolute;
    height: 70px;
    width: 70px;
    left:-25px;
    top:-10px;
}

#pdf-download p {
    margin-top: 0;
}

.userTable tr td, .userTable tr th{
    text-align: center;
}
.userTable input{
    width:120px;
}
.userTable{
    padding-top: 35px;
}

.userTable form{
    padding:10px 0;
    border: none;
}

.userTable tr:hover{
    background-color: #cccccc;
}

#totop {
    position: fixed;
    right: 0px;
    text-decoration: none;
    top: 85%;
    z-index: 10;
    border: 0px none;
    display: block !important;
    width: 105px;
    text-align: center;
    color: rgb(255, 255, 255);
    padding-top: 1px;
    background-color: rgb(205, 96, 15);
}

#totop img {
    padding: 0 0 5px;
    vertical-align: middle;
}

form {
    padding-right:15px;
}

.edit span {
    font-size: 1em;
}

button {
    padding: 0;
    margin-left: 5px;
}